<title>My Web</title>

<h1>你好，世界！</h1>
<button>Switch BG Color</button>

<script>
    class SwitchBgColor {
        bg = 'green'

        constructor() {
            this.#setBgColor()
        }

        #setBgColor(){
            // document.bgColor = this.bg
            document.body.style.backgroundColor = this.bg
        }

        call() {
            this.bg = this.bg === 'green' ? 'black' : 'green'
            this.#setBgColor()
        }
    }

    let sbg = new SwitchBgColor()
    const button = document.querySelector('button');
    button.addEventListener(
        'click',
        _ => sbg.call()) // 注意，这里只能用箭头函数，不能直接用 sbg.call。为什么？因为用到了`this`.
</script>
